<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>PK详情页</title>
 	<link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/pk-detail.css" /> 
</head>
<body>
	<div id="main">
		<div class="pk-detail">
			
			<div class="pk-detail-header">
				<div class="pk-detail-logo">
					<img src="../../image/checkin1.png" />
				</div>
				
				<div class="pk-detail-describe">
					<div class="pk-detail-name">超级马拉松英雄队</div>
					<div class="pk-detail-labels">
						<span class="pk-detail-label">金融</span>
						<span class="pk-detail-label">互联网</span>
					</div>
					<div class="pk-detail-intro">
						<span>153人参加</span>
						<span class="pk-detail-time">PK周：03-02～03-08</span>
					</div>
				</div>
			</div>
			
			<!--<div class="pk-detail-info hide">
				<div class="pk-detail-countdown">
					<div class="pk-detail-countdown-header">PK倒计时</div>
					<div class="pk-detail-countdown-timer">09:10:56</div>
				</div>
				<div class="pk-detail-award">
					<div class="pk=detail-award-header">PK奖金池</div>
					<div class="pk-detail-award-count">2000元</div>
				</div>
			</div>-->
			
			<div class="pk-detail-rule">
				<div class="pk-detail-rule-header">
					PK规则
				</div>
				<div class="pk-detail-rule-content">
					1. 步数累计时间为PK周首日0点－结束日24点。<br>
					2. 步数最高者获得所在小组所有挑战金。<br>
					3. 结束日24点自动提交最终步数。<br>
					4. PK进行中不可中途加入。
				</div>
			</div>
			
			<div class="pk-detail-my-result">
				<span class="pk-detail-my-result-index">12999</span>
				<img src="../../image/checkin1.png" />
				<span class="pk-detail-my-result-name">皮皮虾</span>
				<span class="pk-detail-my-result-count"><span>112338</span>步</span>
			</div>
			
			<div class="pk-detail-rank-list">
				<div class="pk-rank-list-header">
					排行榜
				</div>
				<div class="pk-detail">
					<div class="pk-rank-list-item">
						<span class="pk-rank-list-item-index">1</span>
						<img src="../../image/checkin1.png" />
						<span class="pk-rank-list-item-name">豆芽</span>
						<span class="pk-rank-list-item-count"><span>112338</span>步</span>
					</div>
					
					<div class="pk-rank-list-item">
						<span class="pk-rank-list-item-index">1</span>
						<img src="../../image/checkin1.png" />
						<span class="pk-rank-list-item-name">豆芽</span>
						<span class="pk-rank-list-item-count"><span>112338</span>步</span>
					</div>
					
					<div class="pk-rank-list-item">
						<span class="pk-rank-list-item-index">1</span>
						<img src="../../image/checkin1.png" />
						<span class="pk-rank-list-item-name">豆芽</span>
						<span class="pk-rank-list-item-count"><span>112338</span>步</span>
					</div>
					
					<div class="pk-rank-list-item">
						<span class="pk-rank-list-item-index">1</span>
						<img src="../../image/checkin1.png" />
						<span class="pk-rank-list-item-name">豆芽</span>
						<span class="pk-rank-list-item-count"><span>112338</span>步</span>
					</div>
					
					<div class="pk-rank-list-item">
						<span class="pk-rank-list-item-index">1</span>
						<img src="../../image/checkin1.png" />
						<span class="pk-rank-list-item-name">豆芽</span>
						<span class="pk-rank-list-item-count"><span>112338</span>步</span>
					</div>
					
					<div class="pk-rank-list-item">
						<span class="pk-rank-list-item-index">1</span>
						<img src="../../image/checkin1.png" />
						<span class="pk-rank-list-item-name">豆芽</span>
						<span class="pk-rank-list-item-count"><span>112338</span>步</span>
					</div>
				</div>
			</div>
			
			
			<div class="btn-pk-detail-apply">加入PK</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
	apiready = function(){
		
	};
</script>
</html>